<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />

    <title>联系我们</title>
    {include file='commonjs'}
    <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
</head>

<body class="page contactus" onload="init()">

<!-- c-nav 开始 -->
{include file='common_head'}
<!-- c-nav 结束 -->

<!-- c-banner 开始 -->
<div class="c-banner">
    <div class="banner">
        <img class="banner-pic" src="/static/index/img/page/contactus/con_banner.png" alt="">
    </div>
</div>
<!-- c-banner 结束 -->

<!-- con_main 开始 -->
<div class="con_main PB-100">
    <div class="i_title PB-60">
        <p>CONTACTUS</p>
        <p>联系我们</p>
    </div>
    <div class="conBox clearfix">
        <ul class="conBox-class clearfix PB-50">
            <li class="conBox-class-item">
                <p>经销合作</p>
                <span></span>
                <p>0731-8989526</p>
            </li>
            <li class="conBox-class-item">
                <p>公司邮箱</p>
                <span></span>
                <p>2145464@qq.com</p>
            </li>
            <li class="conBox-class-item">
                <p>售后服务</p>
                <span></span>
                <p>400-611-7894</p>
            </li>
        </ul>
        <div class="conBox-add clearfix">
            <div class="conBox-add-text PT-100 PL-25" style="background-image: url('/static/index/img/page/contactus/con_bg.png')">
                <p class="add_title">联系我们</p>
                <P>公司：长沙某某电器有限公司</P>
                <p>客服热线：0721-54475474</p>
                <p>地址：湖南省长沙市雨花区某某工业区6路2号</p>
            </div>
            <div class="conBox-add-map" id="map">
            </div>
             <!--map-->
            <script>
                function init() {
                    var center = new qq.maps.LatLng(28.274880,112.575970);
                    var map = new qq.maps.Map(document.getElementById("map"), {
                        // 地图的中心地理坐标。
                        center: center,
                        zoom: 16
                    });
                    //创建marker
                    var marker = new qq.maps.Marker({
                        position: center,
                        map: map
                    });
                }
            </script>
        </div>
    </div>
</div>
<!-- con_main 结束 -->

<!-- c-footer 开始 -->
{include file='common_footer'}
<!-- c-footer 结束 -->

<script>
    require(['jquery', 'SMV', 'layer'], function($, SMV, layer) {

        // nav
        $(window).scroll( function() {
            var t = $(document).scrollTop();
            if (t > 0) {
                $(".c-nav").addClass("c_nav-scroll");
            }else {
                $(".c-nav").removeClass("c_nav-scroll");
            }
        });

        // 留言
        new SMV('form', {
            rules: {
                onlyPhone:[/^1[34578]\d{9}$/,"手机号码格式有误"]
            },
            fields: {
                name: {
                    required: "姓名未填写",
                    failHtml: false,
                    rule: "required|disblur",
                    fail: function (messages) {
                        layer.tips(messages, '#name');
                    },
                    failStyle: {
                        border: "1px solid red"
                    }
                },
                phone: {
                    required: "号码未填写",
                    failHtml: false,
                    rule: "required|disblur|onlyPhone",
                    fail: function (messages) {
                        layer.tips(messages, '#phone');
                    },
                    failStyle: {
                        border: "1px solid red"
                    }
                },
                corp: {
                    required: "公司未填写",
                    failHtml: false,
                    rule: "required|disblur",
                    fail: function (messages) {
                        layer.tips(messages, '#corp');
                    },
                    failStyle: {
                        border: "1px solid red"
                    }
                },
                idea: {
                    required: "意见未填写",
                    failHtml: false,
                    rule: "required|disblur",
                    fail: function (messages) {
                        layer.tips(messages, '#idea');
                    },
                    failStyle: {
                        border: "1px solid red"
                    }
                }
            },
            short: true,
            submit: function(valid, form) {
                if(valid) {
                    form.submit();
                }
            }
        })

    })
</script>
</body>

</html>